.social-buttons {
  &.fixed-media {
    display: none;
    @include media-breakpoint-up(md) {
      position: fixed;
      top: 150px;
      display: block;
    }
  }
  ul {
    padding: 0;
    margin: 0;
    list-style: none;
    li {
      padding: 10px;
      border: 1px solid $accent-color-light;
      a {
        color: $light-color;
      }
    }
  }
  .page-footer & {
    li {
      float: left;
      @extend .bg-accent-color;
    }
  }
  @include clearfix();
}
